<template>
  <div class="player">
    <audio
      controls
      autoplay
      loop
      :src="playStore.url[playStore.url.length - 1]"
    ></audio>
  </div>
</template>

<script lang="ts">
export default {
  name: 'MusicPlayer',
}
</script>

<script lang="ts" setup>
import { useMusicPlayStore } from '@/stores/playlistStore'
const playStore = useMusicPlayStore()
</script>

<style scoped>
.player {
  position: fixed;
  bottom: 10px;
  width: 100%;
  z-index: 9090909;
}
.player audio {
  width: 100%;
  /* color: #31c27c; */
  background-color: #31c27c;
}
</style>
